<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

</head>
<body>

<div id="app">
  <h2 v-if="score>=90">优秀</h2>
  <h2 v-else-if="score>=80">良好</h2>
  <h2 v-else-if="score>=70">达标</h2>
  <h2 v-else="score>=60">及格</h2>

  <h1 v-show="isuser">{{message}}</h1>


  <span v-if="isuser">
    <label for="username">用户名</label>
    <input type="text" id="username" placeholder="用户名">
  </span>

  <span v-else>
    <label for="emailname">邮箱</label>
    <input id="emailname" placeholder="邮箱地址">
  </span>

  <button @click="isuser=!isuser">切换类型</button>
</div>



<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    el:"#app",
    data: {
      message:"stupid mother fucker",
      score:90,
      isuser:true,
    }
  })
</script>

</body>
</html>